<div id="content">
    <div class="row s_page_title">
        <sa-big-breadcrumbs [items]="['运输任务', '订单监控']" icon="fa fa-truck" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">订单监控</div>
        <div class="layui-card-body">

            <div class="general-search-view row-align-center m-left-36 m-bottom-24">
                <!-- @pressEnter="startSearch(true)" -->
                <input type="text" placeholder="搜索公司、地址、操作人..." autocomplete="off" class="layui-input primary-input" id="searchKey" />
                <div class="m-left-36">
                    <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo"><i class="layui-icon layui-icon-search"></i>查询</button>
                    <button type="button" class="layui-btn layui-btn-normal" (click)="onExport()">导出</button>
                    <button type="button" class="layui-btn layui-btn-normal">数据统计</button>
                </div>
            </div>

            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">公司名称</label>
                        <div class="layui-input-inline">
                            <div id="companyId"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">车辆分类</label>
                        <div class="layui-input-inline">
                            <div id="useTypeL2"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">车牌号</label>
                        <div class="layui-input-inline">
                            <div id="deviceId"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">问题分类</label>
                        <div class="layui-input-inline">
                            <div id="programType"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">处理状态</label>
                        <div class="layui-input-inline">
                            <div id="detailStatus"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">GPS状态</label>
                        <div class="layui-input-inline">
                            <div id="isGpsErrorForSelect"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">订单状态</label>
                        <div class="layui-input-inline">
                            <div id="checkStatusForSelect"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">订单进度</label>
                        <div class="layui-input-inline">
                            <div id="orderStatusForSelect"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">算法</label>
                        <div class="layui-input-inline">
                            <div id="isFixWeightForSelect"></div>
                        </div>
                    </div>

                    <div class="layui-inline" id="MatLabSelct" style="display: none;">
                        <label class="layui-form-label">算法问题分类</label>
                        <div class="layui-input-inline">
                            <div id="algorithmProblemTypes"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">时间类型</label>
                        <div class="layui-input-inline">
                            <div id="dateType"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">日期范围</label>
                        <div class="layui-inline" id="dateRange">
                            <div class="layui-input-inline">
                                <input type="text" autocomplete="off" id="startDate" class="layui-input" placeholder="开始日期" />
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline">
                                <input type="text" autocomplete="off" id="endDate" class="layui-input" placeholder="结束日期" />
                            </div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">选择天数</label>
                        <div class="layui-input-inline">
                            <div id="questionTypeSelect2"></div>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">操作人</label>
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" class="layui-input" name="userName" id="userName" placeholder="操作人" />
                        </div>
                    </div>
                </div>
            </form>

            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this" (click)="btnClick('all')">全部<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('trans')">运输中<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('waitDeal')">待处理队列<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('normal')">正常卸货<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('preOrder')">预审失败[客户]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('gpsErrorSensorNormal')">GPS异常[传感器正常]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('gpsErrorSensorAbnormal')">GPS异常[传感器异常]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('dataErrorSensorNormal')">数据异常[传感器正常]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('dataErrorSensorAbnormal')">数据异常[传感器异常]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('plateHalf')">平台处理[运输中]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('plateNormal')">平台处理[正常卸货]<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('deviceOffLine')">设备离线<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('secondLoading')">二次上货<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('systemMisjudgment')">平台问题<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('weightError')">磅单问题<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('blackout')">断电问题<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('algorithm')">算法问题<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('hwVersion')">硬件问题<span>{{tabNumberList[0]}}</span></li>
                    <li (click)="btnClick('MatLab')">Matlab算法问题<span>{{tabNumberList[0]}}</span></li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <table id="demo" lay-filter="test"></table>
                    </div>
                </div>
                <!-- <table id="demo" lay-filter="test"></table> -->

            </div>

        </div>
    </div>
</div>

<!-- <div id="barDemo">
	<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</div> -->

<!-- 设备详情信息    弹窗-->

<!--设备详情信息  end-->
<!-- 磅单数据 -->
<!--编辑行表格弹窗-->

<!--编辑行表格弹窗 弹窗-->

<!--系数设置  弹窗-->

<!--系数设置  弹窗  end-->

<!--系数设置  弹窗-->

<!--系数设置  弹窗  end-->

<!--系数设置  弹窗-->

<!--系数设置  弹窗  end-->

<!--编辑设备信息  弹窗-->

<!--编辑设备信息  弹窗  end-->

<!--  传感器通道弹窗-->

<!--弹窗end-->

<!-- 曲线图查看   弹窗-->
<!--<section bsModal #echartMapModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">-->

<!-- 曲线图查看 弹窗end-->

<!--  数据统计弹窗-->

<!--弹窗end-->